<template>
  <div id="profile">
    <profile-nav-bar/>
    <my-info/>
    <my-balance/>
    <my-order/>
    <my-record/>
    <my-goods/>
  </div>
</template>

<script>
  import profileNavBar from "./profileChildren/profileNavBar";
  import myInfo from "./profileChildren/myInfo";
  import myBalance from "./profileChildren/myBalance";
  import myOrder from "./profileChildren/myOrder";
  import myRecord from "./profileChildren/myRecord";
  import myGoods from "./profileChildren/myGoods";
  export default {
    name: "Profile",
    components:{
      profileNavBar,
      myInfo,
      myBalance,
      myOrder,
      myRecord,
      myGoods
    }
  }
</script>

<style scoped>
  #profile{
    background-color:#e9e9e9;
    padding-bottom: 40px;
  }

</style>